<template>
    <div>
        <!-- <mt-swipe :auto="3000" :speed='500'>
            <mt-swipe-item  v-for="item in lunBoTu" :key='item.index'><img :src="item" alt=""></mt-swipe-item>
        </mt-swipe> -->
        <lunbo :lunBoTu='lunBoTu'></lunbo>
        <!-- 这是九宫格 -->
        <div class="mui-content">
		        <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to='/home/newList'>
                            <img src="http://wuyicaomeimiao.com/vue/images/grid/menu1.png" alt="">
		                    <div class="mui-media-body">新闻咨询</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to='/home/imageText/'> 
                            <img src="http://wuyicaomeimiao.com/vue/images/grid/menu2.png" alt="">
		                    <div class="mui-media-body">图文分享</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to='/home/Glist'>
                            <img src="http://wuyicaomeimiao.com/vue/images/grid/menu3.png" alt="">
		                    <div class="mui-media-body">商品购买</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to='/home/webLeaveWord'>
                            <img src="http://wuyicaomeimiao.com/vue/images/grid/menu4.png" alt="">
		                    <div class="mui-media-body">留言反馈</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to='/home/newList'>
                            <img src="http://wuyicaomeimiao.com/vue/images/grid/menu5.png" alt="">
		                    <div class="mui-media-body">视频专区</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to='/home/contact'>
                            <img src="http://wuyicaomeimiao.com/vue/images/grid/menu6.png" alt="">
		                    <div class="mui-media-body">联系我们</div></router-link></li>
		        </ul> 
		</div>
    </div>
</template>
<script>
import { Toast } from "mint-ui"
import lunbo from '../lunbo/lunbo.vue'
export default {
    data(){
        return {
            lunBoTu:[
                this.base_url + 'vue/images/swipe/1.jpg',
                this.base_url + 'vue/images/swipe/2.jpg',
                this.base_url + 'vue/images/swipe/3.jpg',
            ]
        }
    },
    created(){
        this.getLunBoTu()
    },
    methods:{
        getLunBoTu(){
            // this.$http.get('http://m.shqingxin.com/customer-sve-web-manage/repairRecord/clientGetRepairRecordDetail?id=123').then(function(res){
            //     if(res.body.status==0){
            //         console.log(res)
            //     }else{
            //         Toast("出错了")
            //     }
            // })
        }
    },
    components:{
        lunbo
    }
}
</script>
<style scoped>
    /* .mint-swipe{
        height: 200px;
    }
    .mint-swipe img{
        width: 100%;
    } */
    .mui-table-view{
        border: none;
        background-color: #fff;
    }
    .mui-grid-view.mui-grid-9 .mui-table-view-cell{
        border: none;    
    }
    .mui-content img{
        width: 60px;
    }
</style>



